<template>
  <div class="myTravel">
    <div class="mui-card">
      <div class="mui-card-content">
        <div class="mui-card-content-inner">
          <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-media">
              <a href="javascript:;">
                
                <div class="mui-media-body">
                  <div>
                    时间：<span>{{info.date}}</span>
                  </div>
                  <div>
                    地址：<span>{{info.address}}</span>
                  </div>
                  <div>
                    酒店：<span>{{info.hotel}}</span>
                  </div>
                  <div>
                    去过：<span>{{info.history}}</span>
                  </div>
                  
                </div>
              </a>
            </li>
          </ul>
        </div>
      </div>
      <button class="look">查看</button>
    </div>
  </div>
</template>

<script>
export default {

  data () {
    return {
      info:{
        address:'扎幌市',
        date:'2018年9月29日-2018年10月-30日',
        hotel:'大手盯三井花园酒店',
        history:'2家店'
      }
    }
  },

  methods: {},

  created () {
  }
}
</script>

<style lang='less' scoped>
.myTravel{
   .mui-card{
    margin: 15px 0px;
    box-shadow:none;
    border-radius:10px;
    border: 1px solid #E7E7E7;
    .mui-card-content-inner{
      padding: 25px 5px;
      .mui-table-view-cell{
        padding: 11px 10px;
        
      }
      .mui-media-body{
        div{
          margin-bottom: 8px;
          color: #666;
          font-size: 14px;
          color: #333333;
          letter-spacing: 0;
          line-height: 16px;
          font-weight:bold;
          margin-bottom: 13px;
          span{
            color: #333;
            font-weight:100;
          }
          
        }
        
        div:nth-child(4){
          margin: 0
        }
      }
    }
    .look{
      background: #003A9B;
      border-radius: 5px;
      width:67px;
      height:31px;
      border: none;
      box-shadow: none;
      color: #fff;
      position: absolute;
      right:21px;
      bottom:18px;
    }
  }
}
</style>
